import { useState } from 'react'
import useSlide from './useSlide'

function App() {
  const onSlide = (dir) => {
    console.log(dir)
  }
  const { domRef:domRef1 } = useSlide(onSlide,'v');
  const { domRef:domRef2 } = useSlide(onSlide,'h');
  
  return (
    <div className="App">
      <input type="range" ref={domRef1}/>
      <input type="range" ref={domRef2} style={{transform:'rotate(-90deg)',marginTop:'55px'}}/>
    </div>
  )
}

export default App
